// 引入创建虚拟节点的方法
import { createVNode, render } from 'vue'
import XtxMessage from './xtx-message.vue'

const div = document.createElement('div')
div.setAttribute('class', 'xtx-message')
document.body.appendChild(div)

// 设置定时器，销毁节点
const timer = null
export default ({ type, text }) => {
  // createVNode接收两个参数，vue组件，传给这个组件的参数
  const vnode = createVNode(XtxMessage, { type, text })

  // render接收两个参数，虚拟节点，装载容器
  render(vnode, div)

  // 销毁节点
  clearTimeout(timer)
  setTimeout(() => {
    render(null, div)
  }, 2000)
}
